/* 横幅开始 */
.banner .banner_img1 img {
    width: 100%;
    height: 480px;
    min-width: 1500px;
    min-height: 480px;
}
.banner .banner_img2 img {
    width: 100%;
    height: 100%;
    min-width: 1500px;
}
/* 横幅结束 */

/* 二级导航开始 */
.banner .down_menu {
    position: absolute;
    top: 182px;
}
.banner .down_menu .down_menu_l {
    width: 266px;
    height: 480px;
}
.banner .down_menu .down_menu_lul li {
    width: 100%;
    height: 96px;
    display: inline-block;
}
.banner .down_menu .down_menu_lul li h1 {
    font-size: 16px;
    margin: 10px 0 0 30px;
    height: 25px;
    line-height: 25px;
}
.banner .down_menu .down_menu_lul li h1 img {
    margin-right: 8px;
    float: left;
    margin-top: 2px;
}
.banner .down_menu .down_menu_lul li:nth-child(2) img {
    margin-top: 6px;
}
.banner .down_menu .down_menu_lul li:nth-child(3) img {
    margin-top: 6px;
}
.banner .down_menu .down_menu_lul li:nth-child(2n+1) {
    background: #F7F7F7;
    opacity: 0.9;
}
.banner .down_menu .down_menu_lul li:nth-child(2n) {
    background: #F1DCDB;
    opacity: 0.9;
}
.banner .down_menu .down_menu_lul li p {
    width: 100%;
    margin: 4px 0 4px 5px;
}
.banner .down_menu .down_menu_lul li p a {
    display: inline-block;
    height: 15px;
    line-height: 15px;
    padding: 0px 8px;
    margin-top: 4px;
    font-size: 14px;
    border-right: 1px solid rgba(0,0,0,0.8);
    color: rgba(0,0,0,0.8);
}
.banner .down_menu .down_menu_lul li p a:hover {
    color: #DC1442;
    text-decoration: underline;
}
.banner .down_menu .down_menu_lul li p a:last-child {
    border:0;
}
/* 右 */
.banner .down_menu .down_menu_r {
    margin: -480px 0 0 266px;
}
.banner .down_menu .down_menu_rul {
    width:935px;
    height: 480px;
    background: rgba(255,255,255,0.9);
    position: absolute;
    z-index: 1;
}
.banner .down_menu .down_menu_rul li {
    width: 610px;
    height: 105px;
    margin: 10px 10px 10px 20px;
    border-bottom: 1px solid rgba(0,0,0,0.3);
}
.banner .down_menu .down_menu_rul li:nth-child(4) {
    border: none;
}
.banner .down_menu .down_menu_rul li h1 {
    padding: 5px 0 8px 0;
    font-size: 16px;
}
.banner .down_menu .down_menu_rul li em {
    font-size: 16px;
    color: rgba(0,0,0,0.7);
    float: left;
    margin-right: 30px;
    display: block;
    height: 72px;
}
.banner .down_menu .down_menu_rul li a {
    color: #000;
    display: inline-block;
    height:14px;
    line-height: 14px;
    padding: 0 15px;
    margin: 8px 0;
    border-left: 1px solid black;
    font-size: 18px;
}
.banner .down_menu .down_menu_rul li a:hover {
    color: #DC1442;
    text-decoration: underline;
}
.banner .down_menu .down_menu_rul li a:last-child {
    padding-right: 0;
}
.banner .down_menu .down_menu_rul img {
    position: absolute;
    top: 0px;
    right: 0;
    margin-top: 5px;
    margin-right: 10px;
}
/* 二级导航结束 */

/* 内容 */
.content {
    margin-top: 54px;
    margin-bottom: 265px;
}
.content > div {
    width: 1200px;
    height: 2350px;
    background-image: url(../../images/flow/serviceprocess.jpg);
}
.content ul {
    margin-top: -2220px;
    width: 100%;
}
/* 事件div */
.content .content_event div:nth-child(1) {
    width: 280px;
    height: 260px;
    margin: 10px 0 0 545px;
    border-top-left-radius: 500px;
    border-bottom-left-radius: 500px;
    border-top-right-radius: 500px;
    border-bottom-right-radius: 400px;
}
.content .content_event div:nth-child(2) {
    width: 150px;
    height: 250px;
    margin: 263px 0 0 200px;
    border-top-left-radius: 500px;
    border-bottom-left-radius: 500px;
    border-top-right-radius: 500px;
    border-bottom-right-radius: 400px;
}
.content .content_event div:nth-child(3) {
    width: 250px;
    height: 200px;
    margin: 270px 0 0 770px;
    border-top-left-radius: 500px;
    border-bottom-left-radius: 500px;
    border-top-right-radius: 500px;
    border-bottom-right-radius: 400px;
}
.content .content_event div:nth-child(4) {
    width: 200px;
    height: 200px;
    margin: 170px 0 0 280px;
    border-top-left-radius: 500px;
    border-bottom-left-radius: 500px;
    border-top-right-radius: 500px;
    border-bottom-right-radius: 400px;
}
.content .content_event div:nth-child(5) {
    width: 400px;
    height: 210px;
    margin: 400px 0 0 510px;
    border-top-left-radius: 300px;
    border-bottom-right-radius: 400px;
    transform:rotate(210deg);/* 旋转 */
    -ms-transform:rotate(210deg); 	/* IE 9 */
    -moz-transform:rotate(210deg); 	/* Firefox */
    -webkit-transform:rotate(210deg); /* Safari 和 Chrome */
    -o-transform:rotate(210deg);
}

/* 触发ul */
.content .content_trigger li h1 {
    width: 359px;
    font-size: 32px;
    font-family: "Source Code Pro";
    font-weight: 600;
    color: #000;
    margin: -145px 0 0 22px;
}
.content .content_trigger li:nth-child(1) h1 {
    width: 359px;
    margin: -170px 0 0 22px;
}
.content .content_trigger li span {
    display: inline-block;
    width: 322px;
    margin: -5px 0 0 22px;
    color: #ffffff;
    font-size: 20px;
}
.content .content_trigger li:nth-child(1) a {
    display: inline-block;
    color: #ffffff;
    margin-left:22px;
    font-size: 18px;
}
.content .content_trigger li:nth-child(1) {
    width: 414px;
    height: 165px;
    margin: 278px 0 0 755px;
    padding-left: 55px;
}
.content .content_trigger li:nth-child(1) img {
    width: 414px;
    height: 171px;
    margin-left: -55px;
}
.content .content_trigger li:nth-child(2) {
    width: 359px;
    height: 234px;
    margin-top: 760px;
}
.content .content_trigger li:nth-child(2) img {
    width: 359px;
    height: 239px;
}
.content .content_trigger li:nth-child(3) {
    width: 359px;
    height: 199px;
    margin: 1260px 0 0 840px;
}
.content .content_trigger li:nth-child(3) img {
    width: 359px;
    height: 204px;
}
.content .content_trigger li:nth-child(4) {
    width: 359px;
    height: 189px;
    margin: 1610px 0 0 10px;
}
.content .content_trigger li:nth-child(4) img {
    width: 359px;
    height: 194px;
}
.content .content_trigger li:nth-child(5) {
    width: 359px;
    height: 186px;
    margin: 2240px 0 0 790px;
}
.content .content_trigger li:nth-child(5) img {
    width: 359px;
    height: 191px;
}
/* 定制 */
.custom {
    margin-bottom: -30px;
}
.custom p {
    width: 1200px;
    border-top: 5px solid #B67E65;
}
.custom h1 {
    width: 746px;
    height: 100px;
    background: #ffffff;
    margin: -70px auto;
    text-align: center;
    font-size: 85px;
    color: #DD143E;
    font-weight: 100;
}
.custom .custom_img {
    width: 100%;
    margin: 80px auto;
    text-align: center;
}
.custom .custom_img span {
    font-size: 95px;
    display: block;
    width: 450px;
    margin-left: 370px;
    margin-top: -315px;
    color: #ffffff;
}
.custom img:last-child {
    margin-left: 70px;
    margin-top: -60px;
    animation-name:container; /*动画的名称*/
}
.animated {
    animation-fill-mode: both; /*播放后的状态*/
    animation-iteration-count: infinite; /*动作循环的次数：infinite 无限循环*/
    animation-duration: 2s; /*动画时间*/
}
.container {
    animation-name:container; /*动画的名称*/
    transform-origin: center bottom; /*设置动画旋转元素的基点为：居中靠下*/
    cursor: pointer;
}
@keyframes container{
    0%,100%,20%,50%,80% {
        transition-timing-function: cubic-bezier(0.215,.61,.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
        transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
    }
    40%,43%{
        transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
        transform: translate3d(0,-30px,0);
    }
    70%{
        transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
        transform: translate3d(0,-15px,0);
    }
    90%{
        transform: translate3d(0,-4px,0);
    }
}
/* 与公共样式有冲突后修改的样式 */
.footer .footer_top .footer_content .footer_content_introduce span:nth-child(3) {
    margin-left: 0px;
}